<page-header [title]="'提醒详情'">
  <!-- <ng-template #breadcrumb>
    <nz-breadcrumb>
      <nz-breadcrumb-item>详细信息</nz-breadcrumb-item>
      <nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>
    </nz-breadcrumb>
  </ng-template> -->
  <ng-template #tab>
    <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
      <nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>
      <nz-tab *ngIf="noticeTy === 4" nzTitle="月供催收处理日记" (nzSelect)="changeTab(1)"></nz-tab>
      <nz-tab *ngIf="noticeTy === 5" nzTitle="年检处理日记" (nzSelect)="changeTab(2)"></nz-tab>
      <nz-tab *ngIf="noticeTy === 1" nzTitle="商业保险催收处理日记" (nzSelect)="changeTab(3)"></nz-tab>
      <nz-tab *ngIf="noticeTy === 2" nzTitle="交强保险催收处理日记" (nzSelect)="changeTab(4)"></nz-tab>
      <nz-tab nzTitle="紧急联系人" (nzSelect)="changeTab(5)"></nz-tab>
      <nz-tab nzTitle="上传附件" (nzSelect)="changeTab(6)"></nz-tab>
    </nz-tabset>
  </ng-template>
  <ng-template #extraTemplate>
    <button nz-button (click)="backPl()" *ngIf="tabIndex === 1"><i class="anticon anticon-rollback"></i>还款计划表</button>
  </ng-template>
</page-header>
<!-- 基本信息 -->
<nz-card [nzBordered]="false" *ngIf="tabIndex === 0">
  <form nz-form>
    <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.orderNo" name="orderNo">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>身份证号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.cusIncard" name="cusIncard">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>客户名称</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.cusName" name="cusName">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>车型</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.orderCartype" name="orderCartype">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>车牌号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.orderCarno" name="orderCarno">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>车架号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.carVin" name="carVin">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>车辆类型</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.proType" name="proType">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>车辆来源(是否店车)</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.fxjOut01" name="fxjOut01">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>登记证所有人</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.proClass" name="proClass">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>贷款规模</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productfk.loanAmount" name="loanAmount">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>融资平台费</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productfk.lydbFuwfei" name="lydbFuwfei">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>贷款金额合计</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productfk.conJine" name="conJine">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>保证金</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productfk.fxjOut06" name="fxjOut06">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>月供</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productfk.ygJine" name="ygJine">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>利率</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productfk.loanMonth" name="loanMonth">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>业务员</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.createBy" name="createBy">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>客户家庭住址</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.cusResAddr" name="cusResAddr">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>关系</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productfk.fxjOut11" name="fxjOut11">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>联系电话1</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.cusMobile" name="cusMobile">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>联系电话2</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="productorder.fxjOut13" name="fxjOut13">
      </nz-form-control>
    </nz-form-item>
  </form>
</nz-card>
<!-- 月供催收处理日记 -->
<nz-card [nzBordered]="false" *ngIf="tabIndex === 1">
  <!-- <div style="display: flex;margin-bottom: 20px;">
    <div style="flex: 1;"></div>
    <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>还款计划表</button>
  </div> -->
    
  <form nz-form>
    <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>应还款日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut01" [(ngModel)]="product.fxjOut01"></nz-date-picker>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>本期还款期数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut02" name="fxjOut02">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>月供金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut03" name="fxjOut03">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>逾期天数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut04" name="fxjOut04">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>逾期违约金(剩余本金)</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut05" name="fxjOut05">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>违约金处理状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut06" name="fxjOut06">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>收款次数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut07" name="fxjOut07">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>还款类型</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select [(ngModel)]="product.fxjOut08" name="fxjOut08" id="fxjOut08" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
          <nz-option nzLabel="月供" nzValue="月供"></nz-option>
          <nz-option nzLabel="逾期违约金" nzValue="逾期违约金"></nz-option>
          <nz-option nzLabel="转账手续费" nzValue="转账手续费"></nz-option>
          <nz-option nzLabel="其他" nzValue="其他"></nz-option>
        </nz-select>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>收款方式</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select [(ngModel)]="product.fxjOut09" name="fxjOut09" id="fxjOut09" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
          <nz-option nzLabel="银行转账" nzValue="银行转账"></nz-option>
          <nz-option nzLabel="微信" nzValue="微信"></nz-option>
          <nz-option nzLabel="支付宝" nzValue="支付宝"></nz-option>
          <nz-option nzLabel="代扣" nzValue="代扣"></nz-option>
        </nz-select>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>月供收款金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut10" name="fxjOut10">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>还款日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut11" [(ngModel)]="product.fxjOut11"></nz-date-picker>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>还款百分比</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut12" name="fxjOut12">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>催收人</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut13" name="fxjOut13">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>催收操作时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut14" [(ngModel)]="product.fxjOut14"></nz-date-picker>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>提醒状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut15" name="fxjOut15">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut58" name="fxjOut58">
      </nz-form-control>

    </nz-form-item>
  </form>
  <div style="height:30px;display: flex;margin-bottom: 20px;">
    <div style="flex: 1;"></div>
    <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
  </div>
  <nz-card [nzTitle]="'月供催收处理记录'">
      <simple-table #strm
        [columns]="columnsyg"
        [data]="url"
        [ps]="ps"
        [extraParams]="emen"
        [resReName]="{ total: 'total', list: 'data'}"
        [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showSizeChanger]="false"
        [scroll]="{  x: '1300px' }"
        [showPagination]="false">
      </simple-table>
  </nz-card>
</nz-card>
<!-- 年检处理日记 -->
<nz-card [nzBordered]="false" *ngIf="tabIndex === 2">
  <form nz-form>
    <nz-form-item>
        <nz-form-label nzSpan="2" nzRequired>年检有效期止</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut16" [(ngModel)]="product.fxjOut16"></nz-date-picker>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>应收金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut17" name="fxjOut17">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>新年检有效止</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut18" [(ngModel)]="product.fxjOut18"></nz-date-picker>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>收款次数</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut19" name="fxjOut19">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>还款类型</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select [(ngModel)]="product.fxjOut20" name="fxjOut20" id="fxjOut20" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
            <nz-option nzLabel="银行转账" nzValue="银行转账"></nz-option>
            <nz-option nzLabel="微信" nzValue="微信"></nz-option>
            <nz-option nzLabel="支付宝" nzValue="支付宝"></nz-option>
            <nz-option nzLabel="代扣" nzValue="代扣"></nz-option>
          </nz-select>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>收款方式 </nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut21" name="fxjOut21">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>收款金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut22" name="fxjOut22">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>还款日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut23" [(ngModel)]="product.fxjOut23"></nz-date-picker>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>还款百分比</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut24" name="fxjOut24">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>催收人</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut25" name="fxjOut25">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>催收操作时间</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut26" [(ngModel)]="product.fxjOut26"></nz-date-picker>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>提醒状态</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut27" name="fxjOut27">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
        <nz-form-control nzSpan="22">
          <input nz-input [(ngModel)]="product.fxjOut59" name="fxjOut59">
        </nz-form-control>
    </nz-form-item>
  </form>
  <div style="height:30px;display: flex;margin-bottom: 20px;">
    <div style="flex: 1;"></div>
    <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
  </div>
  <nz-card [nzTitle]="'年检处理记录'">
      <simple-table #strm
        [columns]="columnsnj"
        [data]="url"
        [ps]="ps"
        [extraParams]="emen"
        [resReName]="{ total: 'total', list: 'data'}"
        [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showSizeChanger]="false"
        [scroll]="{  x: '1300px' }"
        [showPagination]="false">
      </simple-table>
  </nz-card>

</nz-card>
<!-- 商业保险催收处理日记 -->
<nz-card [nzBordered]="false" *ngIf="tabIndex === 3">
  <form nz-form>
    <nz-form-item>
      <nz-form-label nzSpan="2" nzRequired>商业保险金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut28" name="fxjOut28">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>投保公司</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut29" name="fxjOut29">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>商业保险到期日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut30" [(ngModel)]="product.fxjOut30"></nz-date-picker>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>商业续保报价金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut31" name="fxjOut31">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>投保公司</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut32" name="fxjOut32">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>新商业保险到期日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut33" [(ngModel)]="product.fxjOut33"></nz-date-picker>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>收款次数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut34" name="fxjOut34">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>还款类型</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut35" name="fxjOut35">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>收款方式</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select [(ngModel)]="product.fxjOut36" name="fxjOut36" id="fxjOut36" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
          <nz-option nzLabel="银行转账" nzValue="银行转账"></nz-option>
          <nz-option nzLabel="微信" nzValue="微信"></nz-option>
          <nz-option nzLabel="支付宝" nzValue="支付宝"></nz-option>
          <nz-option nzLabel="代扣" nzValue="代扣"></nz-option>
        </nz-select>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>收款金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut37" name="fxjOut37">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>还款日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut38" [(ngModel)]="product.fxjOut38"></nz-date-picker>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>还款百分比</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut39" name="fxjOut39">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>催收人</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut40" name="fxjOut40">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>催收操作时间</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut41" [(ngModel)]="product.fxjOut41"></nz-date-picker>
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>提醒状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut42" name="fxjOut42">
      </nz-form-control>
      <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.fxjOut60" name="fxjOut60">
      </nz-form-control>

    </nz-form-item>
  </form>
  <div style="height:30px;display: flex;margin-bottom: 20px;">
    <div style="flex: 1;"></div>
    <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
  </div>
  <nz-card [nzTitle]="'商业保险催收处理记录'">
      <simple-table #strm
        [columns]="columnssybx"
        [data]="url"
        [ps]="ps"
        [extraParams]="emen"
        [resReName]="{ total: 'total', list: 'data'}"
        [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showSizeChanger]="false"
        [scroll]="{  x: '1300px' }"
        [showPagination]="false">
      </simple-table>
  </nz-card>
</nz-card>
<!-- 交强保险催收处理日记 -->
<nz-card [nzBordered]="false" *ngIf="tabIndex === 4">
  <form nz-form>
      <nz-form-item>
        <nz-form-label nzSpan="2" nzRequired>交强保险金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut43" name="fxjOut43">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>投保公司</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut44" name="fxjOut44">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>交强保险到期日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut45" [(ngModel)]="product.fxjOut45"></nz-date-picker>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>交强续保报价金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut46" name="fxjOut46">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>投保公司</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut47" name="fxjOut47">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>新交强保险到期日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut48" [(ngModel)]="product.fxjOut48"></nz-date-picker>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>收款次数</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut49" name="fxjOut49">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>还款类型</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut50" name="fxjOut50">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>收款方式</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-select [(ngModel)]="product.fxjOut51" name="fxjOut51" id="fxjOut51" [nzPlaceHolder]="'请选择'" [nzShowSearch]="true">
            <nz-option nzLabel="银行转账" nzValue="银行转账"></nz-option>
            <nz-option nzLabel="微信" nzValue="微信"></nz-option>
            <nz-option nzLabel="支付宝" nzValue="支付宝"></nz-option>
            <nz-option nzLabel="代扣" nzValue="代扣"></nz-option>
          </nz-select>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>收款金额</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut52" name="fxjOut52">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>还款日期</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut53" [(ngModel)]="product.fxjOut53"></nz-date-picker>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>还款百分比</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut54" name="fxjOut54">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>催收人</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut55" name="fxjOut55">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>催收操作时间</nz-form-label>
        <nz-form-control nzSpan="4">
          <nz-date-picker nzFormat="yyyy-MM-dd" name="fxjOut56" [(ngModel)]="product.fxjOut56"></nz-date-picker>
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>提醒状态</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut57" name="fxjOut57">
        </nz-form-control>
        <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
        <nz-form-control nzSpan="4">
          <input nz-input [(ngModel)]="product.fxjOut61" name="fxjOut61">
        </nz-form-control>
  
      </nz-form-item>
  </form>
  <div style="height:30px;display: flex;margin-bottom: 20px;">
    <div style="flex: 1;"></div>
    <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
  </div>
  <nz-card [nzTitle]="'交强保险催收处理记录'">
      <simple-table #strm
        [columns]="columnsjqbx"
        [data]="url"
        [ps]="ps"
        [extraParams]="emen"
        [resReName]="{ total: 'total', list: 'data'}"
        [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
        toTopInChange
        [showTotal]="true"
        [showSizeChanger]="false"
        [scroll]="{  x: '1300px' }"
        [showPagination]="false">
      </simple-table>
  </nz-card>
</nz-card>
<!-- 紧急联系人 -->
<nz-card [nzBordered]="false" *ngIf="tabIndex === 5">
  <nz-card nzTitle="紧急联系人">
    <simple-table #strm
      [columns]="columnsemen"
      [data]="emenurl"
      [ps]="ps"
      [extraParams]="emen"
      [resReName]="{ total: 'total', list: 'data'}"
      [reqReName]="{pi:'pageNumber', ps: 'pageSize'}"
      toTopInChange
      [showTotal]="true"
      [showSizeChanger]="false"
      [scroll]="{  x: '1300px' }"
      [showPagination]="false">
    </simple-table>
  </nz-card>
</nz-card>

<nz-card nzTitle="文件信息 " *ngIf="tabIndex === 6">
  <form nz-form>
    <div class="clearfix">
      <nz-upload
        [nzMultiple]="true"
        [nzAction]="uploadUr5"
        [nzData]="avatarParam5"
        nzListType="picture-card"
        [(nzFileList)]="fileList"
        [nzShowButton]="fileList.length < 300"
        (nzChange)="upLoadChange($event)"
        [nzPreview]="handlePreview">
        <i nz-icon type="plus" style=" align-self:center;width: 116px;  height: 57px;margin-top: 46px  ">点击上传</i>
        <div style="margin-top: 0px; color: #666;">  </div>
      </nz-upload>
      <nz-modal [nzVisible]="previewVisible" [nzContent]="modalContent" [nzFooter]="null" (nzOnCancel)="previewVisible=false">
        <ng-template #modalContent>
          <img [src]="previewImage" [ngStyle]="{ 'width': '100%' }" />
        </ng-template>
      </nz-modal>
    </div>

  </form>
</nz-card>
<!-- <footer-toolbar errorCollect>
  <button *ngIf="tabIndex === 1" nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar> -->
